<template>
    <div id="downModel" @click="closeModel">
        <div id="weixin">
            <img src="../assets/image/wexin_tip.png" alt="" v-show="isweixin">
        </div>
        <div id="qq">
            <img src="../assets/image/qq_tip.png" alt="" v-show="isQQ">
        </div>
        <div id="safari">
             <img src="../assets/image/ios_tip.png" alt="" v-show="notSafari">
        </div>
    </div>
</template>

<script>
    export default {
        props:{
            isweixin: {
                type: Boolean,
                default: false
            },
            isQQ:{
               type: Boolean,
               default: false 
            },
            notSafari:{
               type: Boolean,
               default: false 
            },
            modalShow:{
                type: Boolean,
                default: false 
            }
        },
        data(){
            return{
               
            }
        },
        methods:{
            closeModel(){
                this.$emit('closeAlert',this.modalShow)
            }
        }
    }
</script>

<style scoped>
    #downModel{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 999999;
    }
    #weixin{
        z-index: 999999;
        padding: 10px;
        /* display: none; */
        position: absolute;
        right: 0;
        top: 0;
    }
    #qq{
        z-index: 999999;
        padding: 10px;
        /* display: none; */
        position: absolute;
        right: 0;
        top: 0; 
    }
    #safari{
        z-index: 999999;
        padding: 10px;
        /* display: none; */
        position: absolute;
        right: 0;
        top: 0; 
    }
</style>